<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>

</head>
<body >
    <div id="ea22f12894704d6db4fdc5615b2ce9b8" class="chart-container" style="width:900px; height:500px; "></div>
    <script>
        var chart_ea22f12894704d6db4fdc5615b2ce9b8 = echarts.init(
            document.getElementById('ea22f12894704d6db4fdc5615b2ce9b8'), 'white', {renderer: 'canvas'});
        var option_ea22f12894704d6db4fdc5615b2ce9b8 = {
    "baseOption": {
        "series": [
            {
                "type": "pie",
                "colorBy": "data",
                "legendHoverLink": true,
                "selectedMode": false,
                "selectedOffset": 10,
                "clockwise": true,
                "startAngle": 90,
                "minAngle": 0,
                "minShowLabelAngle": 0,
                "avoidLabelOverlap": true,
                "stillShowZeroSum": true,
                "percentPrecision": 2,
                "showEmptyCircle": true,
                "emptyCircleStyle": {
                    "color": "lightgray",
                    "borderColor": "#000",
                    "borderWidth": 0,
                    "borderType": "solid",
                    "borderDashOffset": 0,
                    "borderCap": "butt",
                    "borderJoin": "bevel",
                    "borderMiterLimit": 10,
                    "opacity": 1
                },
                "data": [
                    {
                        "name": "\u7ee9\u70b9 < 1.0",
                        "value": 2
                    },
                    {
                        "name": "\u7ee9\u70b9 1.0~2.0",
                        "value": 53
                    },
                    {
                        "name": "\u7ee9\u70b9 2.0~3.0",
                        "value": 235
                    },
                    {
                        "name": "\u7ee9\u70b9 3.0~4.0",
                        "value": 185
                    },
                    {
                        "name": "\u7ee9\u70b9 > 4.0",
                        "value": 6
                    }
                ],
                "radius": [
                    "40%",
                    "75%"
                ],
                "center": [
                    "50%",
                    "50%"
                ],
                "label": {
                    "show": true,
                    "margin": 8,
                    "formatter": "{b}: {c}"
                },
                "labelLine": {
                    "show": true,
                    "showAbove": false,
                    "length": 15,
                    "length2": 15,
                    "smooth": false,
                    "minTurnAngle": 90,
                    "maxSurfaceAngle": 90
                },
                "rippleEffect": {
                    "show": true,
                    "brushType": "stroke",
                    "scale": 2.5,
                    "period": 4
                }
            }
        ],
        "timeline": {
            "axisType": "category",
            "currentIndex": 0,
            "orient": "horizontal",
            "autoPlay": true,
            "controlPosition": "left",
            "loop": true,
            "rewind": false,
            "show": true,
            "inverse": false,
            "bottom": "-5px",
            "progress": {},
            "data": [
                "\u5973\u751f",
                "\u7537\u751f"
            ]
        }
    },
    "options": [
        {
            "legend": [
                {
                    "data": [
                        "\u7ee9\u70b9 < 1.0",
                        "\u7ee9\u70b9 1.0~2.0",
                        "\u7ee9\u70b9 2.0~3.0",
                        "\u7ee9\u70b9 3.0~4.0",
                        "\u7ee9\u70b9 > 4.0"
                    ],
                    "selected": {},
                    "show": true,
                    "left": "2%",
                    "top": "15%",
                    "orient": "vertical",
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "series": [
                {
                    "type": "pie",
                    "colorBy": "data",
                    "legendHoverLink": true,
                    "selectedMode": false,
                    "selectedOffset": 10,
                    "clockwise": true,
                    "startAngle": 90,
                    "minAngle": 0,
                    "minShowLabelAngle": 0,
                    "avoidLabelOverlap": true,
                    "stillShowZeroSum": true,
                    "percentPrecision": 2,
                    "showEmptyCircle": true,
                    "emptyCircleStyle": {
                        "color": "lightgray",
                        "borderColor": "#000",
                        "borderWidth": 0,
                        "borderType": "solid",
                        "borderDashOffset": 0,
                        "borderCap": "butt",
                        "borderJoin": "bevel",
                        "borderMiterLimit": 10,
                        "opacity": 1
                    },
                    "data": [
                        {
                            "name": "\u7ee9\u70b9 < 1.0",
                            "value": 1
                        },
                        {
                            "name": "\u7ee9\u70b9 1.0~2.0",
                            "value": 3
                        },
                        {
                            "name": "\u7ee9\u70b9 2.0~3.0",
                            "value": 59
                        },
                        {
                            "name": "\u7ee9\u70b9 3.0~4.0",
                            "value": 100
                        },
                        {
                            "name": "\u7ee9\u70b9 > 4.0",
                            "value": 4
                        }
                    ],
                    "radius": [
                        "40%",
                        "75%"
                    ],
                    "center": [
                        "50%",
                        "50%"
                    ],
                    "label": {
                        "show": true,
                        "margin": 8,
                        "formatter": "{b}: {c}"
                    },
                    "labelLine": {
                        "show": true,
                        "showAbove": false,
                        "length": 15,
                        "length2": 15,
                        "smooth": false,
                        "minTurnAngle": 90,
                        "maxSurfaceAngle": 90
                    },
                    "rippleEffect": {
                        "show": true,
                        "brushType": "stroke",
                        "scale": 2.5,
                        "period": 4
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "2020\u7ea7\u8ba1\u7b97\u673a\u5b66\u9662\u5973\u751f\u7ee9\u70b9\u5206\u5e03\u56fe",
                    "target": "blank",
                    "subtarget": "blank",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ]
        },
        {
            "legend": [
                {
                    "data": [
                        "\u7ee9\u70b9 < 1.0",
                        "\u7ee9\u70b9 1.0~2.0",
                        "\u7ee9\u70b9 2.0~3.0",
                        "\u7ee9\u70b9 3.0~4.0",
                        "\u7ee9\u70b9 > 4.0"
                    ],
                    "selected": {},
                    "show": true,
                    "left": "2%",
                    "top": "15%",
                    "orient": "vertical",
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "series": [
                {
                    "type": "pie",
                    "colorBy": "data",
                    "legendHoverLink": true,
                    "selectedMode": false,
                    "selectedOffset": 10,
                    "clockwise": true,
                    "startAngle": 90,
                    "minAngle": 0,
                    "minShowLabelAngle": 0,
                    "avoidLabelOverlap": true,
                    "stillShowZeroSum": true,
                    "percentPrecision": 2,
                    "showEmptyCircle": true,
                    "emptyCircleStyle": {
                        "color": "lightgray",
                        "borderColor": "#000",
                        "borderWidth": 0,
                        "borderType": "solid",
                        "borderDashOffset": 0,
                        "borderCap": "butt",
                        "borderJoin": "bevel",
                        "borderMiterLimit": 10,
                        "opacity": 1
                    },
                    "data": [
                        {
                            "name": "\u7ee9\u70b9 < 1.0",
                            "value": 2
                        },
                        {
                            "name": "\u7ee9\u70b9 1.0~2.0",
                            "value": 53
                        },
                        {
                            "name": "\u7ee9\u70b9 2.0~3.0",
                            "value": 235
                        },
                        {
                            "name": "\u7ee9\u70b9 3.0~4.0",
                            "value": 185
                        },
                        {
                            "name": "\u7ee9\u70b9 > 4.0",
                            "value": 6
                        }
                    ],
                    "radius": [
                        "40%",
                        "75%"
                    ],
                    "center": [
                        "50%",
                        "50%"
                    ],
                    "label": {
                        "show": true,
                        "margin": 8,
                        "formatter": "{b}: {c}"
                    },
                    "labelLine": {
                        "show": true,
                        "showAbove": false,
                        "length": 15,
                        "length2": 15,
                        "smooth": false,
                        "minTurnAngle": 90,
                        "maxSurfaceAngle": 90
                    },
                    "rippleEffect": {
                        "show": true,
                        "brushType": "stroke",
                        "scale": 2.5,
                        "period": 4
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "2020\u7ea7\u8ba1\u7b97\u673a\u5b66\u9662\u7537\u751f\u7ee9\u70b9\u5206\u5e03\u56fe",
                    "target": "blank",
                    "subtarget": "blank",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ]
        }
    ]
};
        chart_ea22f12894704d6db4fdc5615b2ce9b8.setOption(option_ea22f12894704d6db4fdc5615b2ce9b8);
    </script>
</body>
</html>
